<div class="ja-mass ja-mass-top clearfix">	
	<div class="ja-rs5-top">
		<div class="ja-rs5-tl">&nbsp;</div>
		<div class="ja-rs5-tr">&nbsp;</div>
	</div>
		
	<div class="ja-rs3-mid">
		<div class="ja-rs3-ml">
			<div class="ja-rs3-mr">
				<div class="ja-moduletable moduletable title-orange  clearfix" >
					<h3><span><strong class="first-word"><strong><?php echo $heading_title; ?> </strong></strong></span></h3>
					<div class="ja-box-ct clearfix">
						 <script type="text/javascript">
							//<!--[CDATA[
							function contentSliderInit () {
								var container =  $('ja-contentslider'); 		
								var options={
									w: 212,
									h: 180,
									num_elem: 3,
									mode: 'horizontal', //horizontal or vertical
									direction: 'left', //horizontal: left or right; vertical: up or down
									total: <?php echo count($partners); ?>,
									url: 'modules/mod_ja_contentslide/mod_ja_contentslide.php',
									wrapper:  container.getElement("div.ja-contentslider-center"),
									duration: 1000,
									interval: 5000,
									modid: 57,
									running: false,
									auto: 0			};		
								
								var jscontentslider = new JS_ContentSlider( options ); 
								
								var elems = container.getElement(".ja-contentslider-center").getElementsByClassName ('content_element');
								for(i=0;i<elems.length;i++){ 
									jscontentslider.update (elems[i].innerHTML, i);
								}
								jscontentslider.setPos(null);
								if(jscontentslider.options.auto){
									jscontentslider.nextRun();
								}
									container.getElement(".ja-contentslide-left-img").onmouseover = function(){setDirection('left',0, jscontentslider);};
									container.getElement(".ja-contentslide-left-img").onmouseout = function(){setDirection('left',1, jscontentslider);};
									container.getElement(".ja-contentslide-right-img").onmouseover = function(){setDirection('right',0, jscontentslider);};
									container.getElement(".ja-contentslide-right-img").onmouseout = function(){setDirection('right',1, jscontentslider);};
									
							}
							
							window.addEvent( 'load', contentSliderInit );
							
							// window.addEvent( 'load', contentSliderInit);
						
							function setDirection(direction,ret, jscontentslider){
								jscontentslider.options.direction = direction;
								if(ret){
									//$('ja-contentslide-'+direction+'-img').src = 'images/re-'+direction+'.gif';
									jscontentslider.options.interval = 5000;
									jscontentslider.options.duration = 1000;
									jscontentslider.options.auto = 0;
									jscontentslider.nextRun();
								}
								else{
									//$('ja-contentslide-'+direction+'-img').src = 'images/re-'+direction+'.gif';
									jscontentslider.options.interval = 500;
									jscontentslider.options.duration = 500;
									jscontentslider.options.auto = 1;
									jscontentslider.nextRun();
								}
							}
							//]]-->
						 </script>
	
						<div id="ja-contentslider"  class="ja-contentslider clearfix" >			
							<div class="ja-contentslide-buttonwrap">
								<div class="ja-contentslider-left">
									<img class="ja-contentslide-left-img" src="images/re-left.gif" alt="left direction" />
								</div>						
								<div class="ja-contentslider-right">
									<img class="ja-contentslide-right-img" src="images/re-right.gif" alt="right direction"/>
								</div>
							</div>
							
							<div class="ja-contentslider-center-wrap clearfix">
         		 				<div class="ja-contentslider-center" >
         		 				
         		 					<?php if($partners){?>
								    	<?php foreach($partners as $partner){?>    		
									    		<div class="content_element">
	                  							<div class="inner">							
												<div class="ja_slideimages clearfix">
									    			<a href="<?php echo $partner['href'];?>" target="blink"><span><?php echo $partner['partner'];?></span></a>
									    		</div></div></div>
								    	<?php }?>
								    <?php }?>  	
								</div>
							</div>
						</div>	
					</div>
    			</div>	
			</div>
		</div>
	</div>
		
	<div class="ja-rs3-bot">
		<div class="ja-rs3-bl">&nbsp;</div>
		<div class="ja-rs3-br">&nbsp;</div>
	</div>
</div>